<template>
	<view :class="AppStyle">

		<view>
			<pk-bar :pkData="pkData"></pk-bar>
		</view>

		<br/>
		<br/>

		<view>
			<f-progress :multilData='multilData' :clickType="true"></f-progress>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				AppStyle: 'content',
				pkData: {
					left: 400,
					right: 232,
					leftLabel: '支持',
					rightLabel: '反对',
					showResult: false
				},
				multilData: [
					{
						id: 1,
						content: '西双版纳',
						number: 34,
						color1: '#F7F528',
						color2: '#F72928',
						canClick: false,
					},
					{
						id: 2,
						content: '上海',
						number: 23,
						color1: '#F7F528',
						color2: '#F72928',
						canClick: false,
					},
					{
						id: 3,
						content: '北京',
						number: 30,
						color1: '#F7F528',
						color2: '#F72928',
						canClick: true,
					},
					{
						id: 4,
						content: '深圳',
						number: 13,
						color1: '#F7F528',
						color2: '#F72928',
						canClick: false,
					}
				]
				
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.content {
		overflow: hidden;
		margin: 0rpx 20rpx;
	}
</style>
